<%--
  Created by IntelliJ IDEA.
  User: duanzx
  Date: 2021/2/22
  Time: 15:15
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>极光游戏（CLIPJOINT.COM）-全方位正版游戏服务平台</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="${ bp }/static/layui/css/layui.css">
    <link rel="shortcut icon" href="${ bp }/static/image/favicon.ico" />
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <style>
        * {margin: 0;padding: 0}
        a {cursor: pointer;text-decoration: none;}
        body {background:#31374e;}
        .store-container {overflow: hidden;background-color: rgba(19, 20, 26, 0.9)}
        .top {width: 100%;height: 30px;padding-left: 60px;line-height: 30px;overflow: hidden}
        .show {color:rgba(255, 255, 255, 0.7) ;}
        .index {color:rgba(255, 255, 255, 0.7) ;}
        .primary {color: #ffffff;}
        .index:hover {color: #ffffff;}
        .publisher-container {padding-top: 100px;margin: 0 auto;width: 1218px;min-height: calc(100vh - 320px);overflow: hidden;background-color: rgba(19, 20, 26, 0.9)}
        .publisher-container .publisher-title {height: 260px;box-sizing: border-box;padding: 120px 20px 20px;background: #33394d;font-size: 30px;color: white;margin: 50px 9px 70px;background-image: url(${ bp}/static/image/publisher/publisher.jpg);border-radius: 4px 4px 4px 4px;}
        .publisher-title h1 {font-size: 40px;color: white;}
        .publisher-title .des {font-size: 20px;width: 850px;color: #b9c0ef;}
        .publisher-list .publisher-block {float: left;height: 76px;width: 185px;text-align: center;border-radius: 3px;margin: 0 18px 20px 0;background: #383d50;background-color: rgba(255, 255, 255, 0.1);}
        .publisher-block img {display: inline-block;max-width: 185px;max-height: 76px;border: 0}
    </style>
</head>
<body>

    <div class="store-container">
    <!-- 公共头部/首页 -->
    <%@ include file="../common/index-header.jsp" %>

    <div class="top">
        <span class="show">您的位置：</span>
        <a href="/" class="index">首页 》</a>
        <a href="" class="primary">发行商目录</a>
    </div>

    <div class="publisher-container">
        <div class="publisher-title">
            <h1>发行商目录</h1>
            <p class="des">截止到21年2月，公司已与来自全球20多个国家和地区的200多家游戏发行商/工作室建立了合作伙伴关系，并通过极光游戏平台将众多知名的游戏作品介绍给玩家</p>
        </div>
        <div class="publisher-list">
        </div>
    </div>




    <!-- 公共底部 -->
    <%@ include file="../common/footer.jsp" %>

    </div>
    <script src="${ bp }/static/layui/layui.all.js"></script>
    <script src="${ bp }/static/js/jquery-3.5.1.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">

        layui.use(['form', 'table', 'layer', 'upload', 'laydate', 'jquery'], function() {
            let form = layui.form;
            let table = layui.table;
            let upload = layui.upload;
            let laydate = layui.laydate;
            let layer = layui.layer;
            let $ = layui.jquery;

        });

        //发行商目录请求
        $.ajax({
            url: '${ bp }/publisher?method=showAll',
            type: 'post',
            data: {
                "name":name,
            },
            dataType: 'json',
            success: (result) => {
                if (result.code === 0) {
                    for (let i=0;i<result.data.length;i++){
                        let publisherHtml = $('.publisher-list')
                        publisherHtml.append('<div class="publisher-block"><a title="" href=""><img src=""></a></div>')
                        $('.publisher-block a').eq(i).attr("title",result.data[i].name)
                        $('.publisher-block img').eq(i).attr("src",${ bp }result.data[i].logo)
                    }
                }
            },
            error: () => {
                console.log('请求接口错误');
            }
        });

    </script>

</body>
</html>
